<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<% String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!doctype html>
<html lang="en" class="fullscreen-bg">

<head>
<%--    <base href="<%=basePath%>">--%>
<%--    <title>登录</title>--%>
<%--    <meta charset="utf-8">--%>
<%--    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">--%>
<%--    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">--%>
<%--    <!-- VENDOR CSS -->--%>
<%--    <link rel="stylesheet" href="assets/css/bootstrap.min.css">--%>
<%--    <link rel="stylesheet" href="assets/vendor/font-awesome/css/font-awesome.min.css">--%>
<%--    <link rel="stylesheet" href="assets/vendor/linearicons/style.css">--%>
<%--    <!-- MAIN CSS -->--%>
<%--    <link rel="stylesheet" href="assets/css/main.css">--%>
<%--    <!-- FOR DEMO PURPOSES ONLY. You should remove this in your project -->--%>
<%--    <link rel="stylesheet" href="assets/css/demo.css">--%>
<%--    <!-- GOOGLE FONTS -->--%>
<%--    <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700" rel="stylesheet">--%>
<%--    <!-- ICONS -->--%>
<%--    <link rel="apple-touch-icon" sizes="76x76" href="assets/img/apple-icon.png">--%>
<%--    <link rel="icon" type="image/png" sizes="96x96" href="assets/img/favicon.png">--%>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <meta name="keywords" content="学生宿舍管理系统">
    <title>学生宿舍管理系统-请登录</title>
    <link rel="shortcut icon" href="favicon.ico"/>
    <link rel="bookmark" href="favicon.ico"/>
    <link type="text/css" rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
    <link type="text/css" rel="stylesheet" href="assets/bootstrap/css/bootstrap-grid.min.css">
    <link type="text/css" rel="stylesheet" href="assets/bootstrap/css/bootstrap-reboot.min.css">
    <link type="text/css" rel="stylesheet" href="assets/font-awesome/css/font-awesome.min.css">
    <link type="text/css" rel="stylesheet" href="assets/css/login.css">

    <script type="text/javascript" language="JavaScript">
        $(function(){
            localStorage.setItem("account", '');
            localStorage.setItem("type", '');
        });
    </script>
</head>

<body>
<!-- WRAPPER -->
<%--<div id="wrapper">--%>
<%--    <div class="vertical-align-wrap">--%>
<%--        <div class="vertical-align-middle">--%>
<%--            <div class="auth-box ">--%>
<%--                <div class="left">--%>
<%--                    <div class="content">--%>
<%--                        <div class="header">--%>
<%--                            <div class="logo text-center"><img src="assets/img/logo-dark.png" alt="Klorofil Logo"></div>--%>
<%--                            <p class="lead">请登录账号</p>--%>
<%--                        </div>--%>
<%--                        <form class="form-auth-small" action="/Park/login" method="post">--%>
<%--                            <div class="form-group">--%>
<%--                                <label for="signin-text" class="control-label sr-only">账号</label>--%>
<%--                                <input type="text" class="form-control" name="account" id="signin-text" value="" placeholder="请输入账号">--%>
<%--                            </div>--%>
<%--                            <div class="form-group">--%>
<%--                                <label for="signin-password" class="control-label sr-only">密码</label>--%>
<%--                                <input type="password" class="form-control" name="password" id="signin-password" value="thisisthepassword" placeholder="请输入密码">--%>
<%--                            </div>--%>
<%--                            <div class="form-group clearfix">--%>
<%--                                <label class="fancy-checkbox element-left">--%>
<%--                                    <input type="checkbox">--%>
<%--                                    <span>免登录</span>--%>
<%--                                </label>--%>
<%--                            </div>--%>
<%--                            <button type="submit" class="btn btn-primary btn-lg btn-block">登录</button>--%>
<%--                            <div class="bottom">--%>
<%--                                <span class="helper-text"><i class="fa fa-lock"></i> <a href="#">忘记密码?</a></span>--%>
<%--                            </div>--%>
<%--                        </form>--%>
<%--                    </div>--%>
<%--                </div>--%>
<%--                <div class="right">--%>
<%--                    <div class="overlay"></div>--%>
<%--                    <div class="content text">--%>
<%--                        <h1 class="heading">学生协会管理系统</h1>--%>
<%--                        <p>破茧作品</p>--%>
<%--                    </div>--%>
<%--                </div>--%>
<%--                <div class="clearfix"></div>--%>
<%--            </div>--%>
<%--        </div>--%>
<%--    </div>--%>
<%--    <script>--%>
<%--        let message = '${param.message}';--%>
<%--        if(message != "" && message != 'null'){--%>
<%--            alert(message);--%>
<%--        }--%>
<%--    </script>--%>
<%--</div>--%>
<%--<!-- END WRAPPER -->--%>
<header id="header">
    <h2>学生宿舍管理系统</h2>
</header>
<div id="loginWrapper">
    <div id="loginform" class="card col-sm-5">
        <div class="card-header">
            <h3 align="center">欢迎使用</h3>
        </div>
        <div class="card-body">
            <form action="/Park/login" method="post">
                <div class="form-group input-group">
                    <span class="input-group-addon col-sm-2"><i class="fa fa-user fa-fw fa-2x"></i></span>
                    <input id="account" class="form-control col-sm-6" type="text" placeholder="请输入账号"
                           onblur="checkInputInfoNull('account')">
                    <div id="accountCheckInfo" class="col-sm-4 checkinfo"></div>
                </div>
                <div class="form-group input-group">
                    <span class="input-group-addon col-sm-2"><i class="fa fa-lock fa-fw fa-2x"></i></span>
                    <input id="password" class="form-control col-sm-6" type="password" placeholder="请输入密码"
                           onblur="checkInputInfoNull('password')">
                    <div id="passwordCheckInfo" class="col-sm-4 checkinfo"></div>
                </div>
                <div class="form-group input-group">
                    <span class="input-group-addon col-sm-2"></span>
                    <input id="captcha" class="form-control col-sm-6" type="text" placeholder="请输入验证码">
                    <div class="col-sm-4">
                        <button id="captchaButton" οnclick="initCaptcha()"><img id="captchaImg" width="100%"
                                                                                height="100%" loading="lazy"
                                                                                src='/captcha'></button>
                    </div>
                </div>
                <div class="form-group input-group">
                    <div class="radio-box col-sm-4">
                        <input type="radio" id="radio-1" name="type" value="3"/>
                        <label for="radio-1">学生</label>
                    </div>
                    <div class="radio-box col-sm-4">
                        <input type="radio" id="radio-2" name="type" value="2"/>
                        <label for="radio-2">宿管</label>
                    </div>
                    <div class="radio-box col-sm-4">
                        <input type="radio" id="radio-3" name="type" value="1"/>
                        <label for="radio-3">管理员</label>
                    </div>
                </div>
                <div class="form-group input-group">
                    <div class="col-sm-1">&nbsp;</div>
                    <button type="button" class="btn btn-info col-sm-4" onclick="login()"><i
                            class="fa fa-arrow-right"></i> 登&nbsp;陆
                    </button>
                    <div class="col-sm-2"></div>
                    <button type="reset" class="btn btn-danger col-sm-4"><i class="fa fa-rotate-left"></i> 重&nbsp;置
                    </button>
                    <div class="col-sm-1">&nbsp;</div>
                </div>
            </form>
        </div>
    </div>
</div>
<footer id="footer">
    <h4>版权声明<i class="fa fa-copyright"></i>Friday</h4>
</footer>
<script type="text/javascript" language="JavaScript" src="assets/jquery/jquery-3.6.0.min.js"></script>
<script type="text/javascript" language="JavaScript" src="assets/bootstrap/js/bootstrap.bundle.min.js"></script>
<script type="text/javascript" language="JavaScript" src="assets/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" language="JavaScript" src="assets/sweetalert/sweetalert.min.js"></script>
<script type="text/javascript" language="JavaScript" src="assets/js/login.js"></script>
</body>

</html>